<template>
  <div class="x-render-main">
    <a-skeleton :loading="xDesignTable.loading" active :paragraph="{rows: 10}">
      <XRenderMainHeader v-on="$listeners"/>
      <XRenderMainContent/>
    </a-skeleton>
  </div>
</template>
<script>
import XRenderMainHeader from './components/XRenderMainHeader'
import XRenderMainContent from './components/XRenderMainContent'

export default {
  inject: ['xDesignTable'],
  components: {
    XRenderMainHeader,
    XRenderMainContent
  }
}
</script>
<style lang="css" scoped>
/* 中部 */
.x-render-main {
  width:  calc(100vw - 350px);
  height: calc(100vh - 60px);
}
</style>
